<link rel="stylesheet" href="../../dist/css/card.min.css">
<h3>银行卡管理</h3>
<button  type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#exampleModal">绑定银行卡</button>
<hr>

<ul id="cardList" class="row">
    
</ul>


  <!-- Modal -->
  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">绑定银行卡</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
         <form>
             <p>
                 银行名称:
                 <select id="bankName">
                     <option value="1">中国银行</option>
                     <option value="2">工商银行</option>
                     <option value="3">农业银行</option>
                     <option value="4">招商银行</option>
                 </select>
             </p>
             <p>
                开户支行名称:
                <input type="text" id="branchName">
            </p>    
            <p>
                银行卡号:
                <input type="text" id="cardNumber">
            </p>
         </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary" id="btn-bind">确认</button>
        </div>
      </div>
    </div>
  </div>

  <script src="../../js/bindcard.js"></script>